<script setup>
import {ref} from 'vue'

const ischeck = ref(false)
const disabled = ref(true)
const checkchange = (obj) => {
  disabled.value = (obj.detail.value.length == 0)
}

const test = () => {
  uni.navigateTo({
    url: '/pages/index/test1.1'
  })
}

</script>

<template>

  <view class="main1">
    <view class="input">
      <view class="inputin">
        <view class="d1">季招生能力测试</view>
        <br>
        <text class="d2">尊敬的各位招宣人员：<br>
          <view class="d3">本次考试共28题，请您于4月X号18:00-20:00完成测试。请务必在规定的时间内完成，一旦超时分数记为0。若已知晓上述内容，请开始测试。</view>
        </text>
      </view>
    </view>
  </view>
    <view class="main2">
      <checkbox-group @change="checkchange">
        <label>
          <checkbox :value="ischeck"  color="#FFCC33" style="transform:scale(0.7)" />
        </label>
      </checkbox-group>
      <view class="d6">我已知晓上述内容</view>

      <button class="d4" :disabled="disabled" @click="test"><view class="d5">开始测试</view></button>
    </view>

</template>

<style scoped>

.main1{
  background: url("../../static/images/bg2.png");
  width: 100%;
  height: 400px;
}

.main2{
  background:#F1F5FF;
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input{
  display: flex;
  justify-content: center;
}
.inputin{
  width: 362px;
  height: 281px;
  background: #FFFFFF;
  border-radius: 12px;
  margin-top: 220px;
  justify-content: center;
}
.d1{
  width: 350px;
  height: 28px;
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  text-align: center;
  margin-top: 30px;
}
.d2{
  width: 326px;
  height: 155px;
  font-weight: 4000;
  font-size: 16px;
  color: #000000;
  line-height: 31px;
  margin: 10px 10px;
}
.d3{
  margin: 10px 10px;
}
.d4{
  width: 243px;
  height: 40px;
  background: #276EFF;
  border-radius: 8px;
}
.d5{
  width: 220px;
  height: 20px;
  font-weight: 500;
  font-size: 15px;
  color: #FFFFFF;
}
.d6{
  width: 96px;
  height: 17px;
  font-weight: 400;
  font-size: 12px;
  color: #939393;
  letter-spacing: 0;
  text-align: center;

}

</style>